import styled from 'styled-components'

const GridContainer = styled.div`

 ul {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
  li {
    list-style:none;
    padding:0.1rem;
    width:${(props) => 100 / props.column}%;
    img {
     width:100%;
     border-radius:${(props)=>props.imgRadius}rem;
    }
    p {
      text-align:center;
    }
  }
 }

 .more{
   text-align:center;
 }

`


export {
  GridContainer
}
